Ext.define('Wgo.view.Header', {
    extend: 'Ext.Panel',
    xtype: 'header',
    config: {
        items: [
            {
                xtype: 'panel',
                //html: '<div style="border-top-width:10px;border-top-style:solid;border-top-color:#008AFF;padding-top: 5px;height: 90px;"><TABLE><TR><TD><div style="webkit-border-radius: 50px;-moz-border-radius: 50px;-ms-border-radius: 50px;-o-border-radius: 50px;border-radius: 50px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.23);-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.23);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.23);display: inline-block;height: 60px;margin: 8px 0px 0 0px;width: 60px;background: #008AFF;text-align: center;vertical-align: middle;"><div style="font-family:Buxton Sketch; font-size: 25px;font-weight: bold;vertical-align: middle; padding-top: 15px;color: #FFFFFF;">Wgo</div></div><TD><div style="font-family:Buxton Sketch; font-size: 25px;font-weight: bold;padding-left: 10px; color: #F01D4F;PADDING-TOP: 15px;">Matsuyama City</div></TD></TR></TABLE></div>',
                html: '<div class="vm-header-logo"><TABLE><TR><TD><div class="vm-dot"><div class="vm-dot-text">Wgo</div></div><TD><div class="vm-header-logo-text">Matsuyama City</div></TD></TR></TABLE></div>'

            }
        ]
    }
});
